<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@4.1.1/animate.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/js-spider/css/default.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/js-spider/css/github-gist.min.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/style.css">
</head>

<body>
    <header>
        <div id='ICON'>
        </div>
        <div class='mid'></div>
        <select id="version">
            <!-- <option value="${i}">${i}</option> -->
        </select>
    </header>

    <main>
        <nav id='sideBar'>
            <h3>教程目录</h3>
            <div id='toc' class='animate__animated animate__fadeInUp'></div>
            <!-- <details>
                <summary>
                    123
                </summary>
                233
            </details> -->
        </nav>

        <div id='sideBarShow' onclick="document.getElementById('sideBar').classList.toggle('hideAndShow')"></div>
        <div id='md' class='animate__animated animate__fadeInUp'></div>


    </main>
</body>


<script src="https://cdn.jsdelivr.net/npm/showdown/dist/showdown.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/highlight.js/10.0.0/highlight.min.js"></script>
<script src="./js/npm.js" type="module"></script>


</html>